/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        primary: {
          500: '#7c4dff',
          600: '#6a3de8',
          700: '#5835d1',
        },
        success: '#00e676',
        error: '#ff5252',
        warning: '#ffc107',
        info: '#2196f3',
        
        // 深色主题背景
        gray: {
          950: '#0a0a0a',  // 最深背景
          900: '#1a1a1a',  // 卡片背景
          850: '#1f1f1f',  // 卡片悬停
          800: '#2a2a2a',  // 悬停背景
          750: '#2f2f2f',  // 边框悬停
          700: '#3a3a3a',  // 边框
          600: '#4a4a4a',  // 次要文本
          500: '#6a6a6a',  // 提示文本
          400: '#8a8a8a',  // 禁用文本
          300: '#aaaaaa',  // 次要边框
          200: '#cacaca',  // 默认文本
          100: '#eaeaea',  // 强文本
          50: '#fafafa',   // 白色文本
        }
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      animation: {
        'fade-in': 'fadeIn 0.2s ease-in-out',
        'slide-in': 'slideIn 0.3s ease-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideIn: {
          '0%': { transform: 'translateX(-100%)' },
          '100%': { transform: 'translateX(0)' },
        },
      },
    },
  },
  plugins: [],
}